body{
    background-color:#f4f4f4;
}
.nav-personCenter .sub-personCenter li > a {
    color: #fff;
}
/*顶部tab切换栏*/
.nav-personCenter {
    width: 100%;
    height: 40px;
    background-color: #24222e;
}
.nav-personCenter .sub-personCenter {
    width: 640px;
    margin: 0 auto;
    overflow: hidden; 
}
.nav-personCenter .sub-personCenter li {
    width: 160px;
    text-align: center;
    padding: 0 20px;
    cursor: pointer;
}
.nav-personCenter .sub-personCenter li a {
    color: #ffffff;
    border: none;
    font-size: 14px;
}
.nav-personCenter .sub-personCenter li.active>a {
    background-color: transparent;
    color: #ffffff;
    border: 0 none;
    border-bottom: 2px solid #3b9ce0;
}
.nav-personCenter .sub-personCenter li:hover>a {
    background-color: transparent;
    color: #ffffff;
    /*break-before: 1px solid #ffffff;*/
    border-color: gray;
}
.nav-personCenter .sub-personCenter li a:hover {
    color: #ffffff;
}
.nav-personCenter .sub-personCenter .nav-tabs > li.active > a, 
.nav-personCenter .sub-personCenter .nav-tabs > li.active > a:focus, 
.nav-personCenter .sub-personCenter .nav-tabs > li.active > a:hover{
    color: #fff;
    background-color: transparent;
    border: 0 none;
    border-bottom-color: transparent;
}
/*修改去掉顶部导航点击有白色背景*/
.nav-personCenter .sub-personCenter .nav > li > a:focus, 
.nav-personCenter .sub-personCenter .nav > li > a:hover {
    background-color: transparent;
}



.navTop {
	width: 100%;
	height: 100px;
	background: url('../../images/rect.png');
}
.navTop .subnav {
	width: 1200px;
	margin: 0 auto;
}
.navTop .subnav .person {
	height: 100px;
	float: left;
}
/*头像*/
.navTop .subnav .photo {
	width: 62px;
	height: 62px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
	border:2px solid #ffffff; 
	float: left;
	margin-bottom: 22px;
	margin-top: 16px;
	position:relative;
}
.navTop .subnav .photo span {
	display: block;
	width: 24px;
	height: 24px;
	background: url("../images/v.png") no-repeat center center;
	position: absolute;
	right: 0;
	bottom: -1px;
}
/*个人信息*/
.navTop .subnav .personInfo {
	float: left;
	margin-left: 14px;
	margin-top: 30px;
	margin-bottom: 22px;
    height: 62px;
    position: relative;
}
.navTop .subnav .personInfo .personInfoTop {
    height: 20px;
}
.navTop .subnav .personInfo .name {
	color: #ffffff;
	font-size: 14px;
    margin: 0 10px 0 5px;
}
.navTop .subnav .personInfo .points {
    color: #ffffff;
    font-size: 12px;
    margin-top: 4px;
}
.navTop .subnav .personInfo .pointsImg {
    display: block;
	width: 16px;
	height: 18px;
	background: url("../images/score.png") no-repeat center center;
	position: absolute;
	right: 60px;
	bottom: 44px;
}
.navTop .subnav .personInfo .personInfoBottom {
    margin-top: 10px;
}
.navTop .subnav .personInfo .addr {
	color: #ffffff;
	font-size: 12px;
	margin-top: 6px;
    margin-right: 30px;
}
.navTop .subnav .personInfo .registerTime {
    color: #ffffff;
	font-size: 12px;
}


/*点位*/
.navTop .subnav .integral .integral-right {
	float: right;
}
.navTop .subnav .integral .integral-right .line {
	width: 1px;
	height: 40px;
	background-color: #3c627b;
	float: left;
	margin-top: 38px;
	margin-right: 20px;
	margin-left: 20px;
}
.navTop .subnav .integral .integral-right .integral-totle-money {
	float: left;
	margin-top: 30px;
}
.navTop .subnav .integral .integral-right .integral-totle-profit  {
	float: left;
	/*width: 148px;*/
	margin-top: 30px;
}
.navTop .subnav .integral .integral-right .totleNum {
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 10px;
}
.navTop .subnav .integral .integral-right .totleNumInfo  {
	font-size: 12px;
	color: #aac1d0;
}



/*个人中心主体部分*/
.container {
	/*background-color: #f4f4f4;*/
	width: 100%;
	background-color: #f4f4f4;
	padding: 0;
}
.container .container-title-box {
	width: 100%;
	height: 60px;
	background-color: #ffffff;
}
.container .container-title {
	width: 380px;
	height: 60px;
/*	line-height: 60px;*/
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	color: #20222c;
	border-bottom: none;
}
.container .container-title li {
	width: 190px;
	height: 60px;
	text-align: center;
	padding-left: 40px;
}
.container .container-title li:hover a {
	background-color: #ffffff;
	border: 0 none;
	color:  #20222c;
}
a {
	color: #20222c;
}
li {
	border: 0 none;
}
.nav-personCenter .sub-personCenter>li.active>a, 
.nav-personCenter .sub-personCenter>li.active>a:focus, 
.nav-personCenter .sub-personCenter>li.active>a:hover {
	color: #fff;
	border: 0 none; 
	border-bottom: 2px solid #00a8ee;
    background-color: transparent;
}

.container .container-title a {
	display: block;
	width: 110px;
	height: 60px;
	line-height: 60px;
	margin-left: 0;
	text-align: center;
}

/*右侧tab栏切换*/
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
  /*border-color: #eee #eee #ddd;*/
}
.j_right .nav-tabs-container-right > li.active > a,
.j_right .nav-tabs-container-right > li.active > a:hover,
.j_right .nav-tabs-container-right > li.active > a:focus {
  color: #fff;
  background-color: #00a8ee;
  border: 0 none;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.j_right .nav-tabs-container-right > li > a {
    border: 0 none;
    margin-right: 0;
}
.j_right .nav-tabs-container-right > li > a:focus, 
.j_right .nav-tabs-container-right > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    border: 0 none;
    color: #20222c;
}



/*我的订单Tab栏切换*/

/*按类型,按盈亏*/
.nav-classify-box {
    width: 100%;
    height: 50px;
    background-color: #ffffff;
}
.nav-classify-box .nav-classify-subTitle {
    height: 50px;
    margin-bottom: 10px;
}
.nav-classify-box .nav-classify-left {
    float: left;
}
.nav-classify-box .nav-classify-right {
    float: left;
}
/*交易种类*/
.nav-classify-box .nav-classify-type {
    float: left;
}
.nav-classify-box .nav-classify-type .nav-classify {
    margin-top: 18px;
    margin-left: 100px;
    float: left;
}
.nav-classify-box .nav-classify-type .nav-classify li {
    width: 52px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-right: 10px;
}
.nav-classify-box .nav-classify-type .nav-classify-btn {
    float: left;
    margin-top: 16px;
    position: relative;
}
.nav-classify-box .nav-classify-type .nav-classify-btn button {
    border: 1px solid #81818b;
    background-color: #ffffff;
    width: 100px;
    height: 22px;
    border-radius: 2px;
}
.nav-classify-box .nav-classify-type .nav-classify-btn .btnTxt {
    float: left;
    font-size: 12px;
    color: #81818b;
    margin-left: 10px;
}
.nav-classify-box .nav-classify-type .nav-classify-btn .caret {
    float: right;
    margin-top: 6px;
    margin-right: 10px;
}
.nav-classify-box .nav-classify-type .nav-classify-btn .nav-classify-details {
    position: absolute;
    top: 22px;
    left: 0;
    min-width: 100px;
    margin: 0;
}
.nav-classify-box .nav-classify-type .nav-classify-btn .nav-classify-details li {
    width: 100px;
    height: 20px;
    line-height: 20px;
    padding: 0;
}
.nav-classify-box .nav-classify-type .nav-classify-btn .nav-classify-details li a {
    font-size: 12px;
    color: #81818b;
    font-weight: normal;
}

/*类别:全部的主体内容部分*/
/*.nav-classify-box .nav-classify-subBox .classify-content {
    width: 100%;
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-title {
    margin-bottom: 5px;
    height: 40px;
    box-shadow: 2px 2px 5px 0px #ccc;
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-title li {
    float: left;
    width: 9%;
    color: #20222c;
    text-align: center;
    line-height: 40px;
}

.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-content {
    width: 100%;
    background-color: #ffffff;
    padding-top: 10px;
    height: 1008px;
    position: relative;
}

.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-content ul li {
    width: 100%;
    margin-bottom: 40px;
    height: 20px;
    line-height: 20px;
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-content ul div{
    float: left;
    width: 9%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #81818b;
}*/

/*分页按钮*/
.nav-classify-box .nav-classify-subBox .classify-content .pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 26px;
}

.nav-classify-box .nav-classify-subBox .classify-content .pagination li a {
    border: 0 none;
    border-radius: 2px;
    font-weight: normal;
    color: #81818b;
    font-size: 12px;
    padding: 5px 8px;
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination li:hover a {
    /*background-color: #ffffff;*/
    /*color: #81818b;*/
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination li.active a{
    background-color: #00a8ee;
    color: #ffffff;
    padding: 2px 6px;
}

.nav-classify-box .nav-classify-subBox .classify-content .pagination .prevBtn {
    margin-right: 1px;
    background-color: #81818b;
    color: #ffffff;
    padding: 2px 5px;
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination .nextBtn {
    margin-left: 1px;
    color: #ffffff;
    padding: 2px 5px;
    background-color: #00a8ee;
    margin-right: 10px;
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination .pageNum {
    font-size: 12px;
    margin-right: 10px;
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination input {
    width: 50px;
    height: 24px;
    border: 1px solid #81818b;
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination .pageAffirm {
    border-radius: 2px;
}
.nav-classify-box .nav-classify-subBox .classify-content .pagination .okBtn {
    border: 0 none;
    border-radius: 2px;
    background-color: #00a8ee;
    color: #ffffff;
}


/* 内容区域 */
.content{
	width:100%;
	margin-top:20px;
}
.content > .content_center{
	width:1200px;
	margin:0 auto;
}
/* 左侧信息区域 */
.content > .content_center > .j_left{
	width:270px;
	min-height:1000px;
	float:left;
	position:relative;
}
 .container-left-top {
    min-height: 470px;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 1px;
    border-radius: 5px;
}
.container-left-top .container-top-title {
    height: 48px;
    color: #20222c;
    line-height: 48px;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 24px;
}
/*.container-left-top .container-top-addr {
    margin-top: 22px;
    padding-left: 54px;
    position: relative;
    height: 160px;
}
.container-left-top .container-top-addr span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../ucenter/images/location.png) no-repeat center center;
    position: absolute;
    left: 24px;
    top: 0;
}*/
.container-left-top .container-top-register-time {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 54px;
    position: relative;
    height: 18px;
    left: -10px;
    font-size: 12px;
}
.container-left-top .container-top-register-time span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../ucenter/images/time.png) no-repeat center center;
    position: absolute;
    left: 32px;
    top: 2px;
}
.container-left-top .container-content {
    margin-bottom: 16px;
    padding-left: 54px;
    position: relative;
    left: -10px;
}
.container-left-top .container-content span {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../ucenter/images/introduce.png) no-repeat center center;
    position: absolute;
    left: 32px;
    top: 2px;
}
.container-left-top .container-content .content {
    font-weight: normal;
    font-size: 14px;
    color: #81818b;
    line-height: 16px;
    margin-right: 26px;
}

/* 小星星修改 */
  .container-top-addr {
	height:160px;
	width:210px;
	margin:0 auto;
	border-bottom:1px solid #D2D2D2;
}
  .container-top-addr .jGrade{
	width:120px;
	float:left;
}
  .container-top-addr .jGrade .jGrade_max{
	width:70px;
	height:70px;
	margin:0 auto;
	margin-top:20px;
}
  .container-top-addr .jGrade .JStart_min{
	width:70px;
	margin:0 18px;
}
  .container-top-addr .jGrade > p{
	margin-top:20px;
}
  .container-top-addr > .jNumber{
	width: 90px;
	float:left;
}
  .container-top-addr > .jNumber > span{
	color: #fc400e;
	height:43px;
	width:80px;
	line-height:43px;
	font-size:14px;
	font-weight: 300;
	display:inline-block;
	margin-top:30px;
	text-align:center;
	border-bottom:2px solid #EFC808;
}
  .container-top-addr > .jNumber > span >b{
	color: #fc400e;
	font-size:18px;
}
  .container-top-addr > .jNumber > span > span{
	color:#000;
	margin-left:10px;
}
  .container-top-addr > .jNumber > .jsuccess{
	width:80px;
	font-weight:300;
	text-align:center;
	margin-top:10px;
	color:#1c80c0;
}
  .container-top-addr > .jNumber > .jsuccess > b{
	font-size:18px;
	
}
  .container-top-addr > .jNumber > .jsuccess > span{
	margin-left: 10px;
	color:#000;
}
  .container-top-addr > .jNumber > p{
	text-align:center;
	width:80px;
	text-align: center;
	margin-top: 25px;
}
/* 分析师段位2017-05-08 */
  .container-top-addr > h3{
	/*padding-top:10px;*/
	font-size:14px;
	font-weight:bold;
    margin-top: 12px;
}
  .container-top-addr > .j_Percentage{
	padding-top:4px;
}
  .container-top-addr > .j_Percentage > span{
	display:inline-block;
	width:48%;
	text-align: center;
	font-weight:300;
}
  .container-top-addr > .j_Percentage > span.j_ff4 {
	color:#ff464c;
}
  .container-top-addr > .j_Percentage > span.j_bae{
	color:#3bae74;
}
  .container-top-addr > .j_Percentage > span > b{
	font-weight:300;
}
  .container-top-addr > .j_ProgressBar{
	width:210px;
	height:14px;
	background:#eceff4;
	border-radius:3px;
	position:relative;
	top:10px;
}
  .container-top-addr > .j_ProgressBar > span{
	position: absolute;
	width:30%;
	height:14px;
	border-radius:3px;
	background:#3b9ce0;
}
  .container-top-addr > p{
	margin-top:20px;
	text-align:center;
	font-weight:300;
}
  .container-top-addr > .j_foot{
	font-weight:300;
	width:100%;
	padding-top:10px;
}
  .container-top-addr > .j_foot > span{
	display:inline-block;
	width:45%;
	color:#91919d;
}
  .container-top-addr > .j_foot > span > b{
	color:#000;
	font-weight:300;
}
  .container-top-addr > .j_foot > span.j_rig{
	text-align:right;
}
/* 小星星修改结束 */


/* 为您推荐 */
.con-left-center {
    /*height: 324px;*/
    background-color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 24px;
}
.con-center-title {
    text-align: center;
    height: 46px;
    color: #20222c;
    line-height: 48px;
    border-bottom: 1px solid #e1e2e6;
}
.con-center-title p {
    float: left;
    /*margin-left: 100px;*/
    margin-bottom: 0;
    width:100%;
    text-align: center;
}
.con-center-title a {
    float: right;
    margin-right: 16px;
    font-size: 12px;
    color: #81818b;
}
.con-center-person {
    /*width: 270px;*/
    /*height: 324px;*/
    overflow: hidden;
    width:100%;
    position: relative;
}
.con-center-person ul {
    /*width: 320px;
    height: 324px;
    overflow: hidden;*/
    width:100%;
    position:relative;
    background:#fff;
}
.con-center-person  li {
    width: 216px;
    /*height: 150px;*/
    margin:0 auto;
    /*float: left;*/
    text-align: center;
    position: relative;
    overflow: hidden;
    
}
.con-center-person li a img{
    width:80px;
    height:80px;
    display:inline-block;
    position: relative;
    top:40px;
    left:-58px;
    border-radius:50%;
    border:none;
}
.con-center-person li a{
    display:none;
    border-bottom:1px solid #D2D2D2;
}
.con-center-person li a > div{
    position:relative;
    top:-27px;
    left:119px;
    text-align:left;
}
.con-center-person  li a > div > span.jcolor{
    font-size:24px;color:#F18A50;
}
.con-center-person  li a > div span{
    font-size:12px;
    text-align:left;
    display:inline-block;
}
.con-center-person  li a:hover{
    color:#000;
}
.con-left-center{
    position: relative;
    top: 70px;
}
.jvip{
    position: absolute;
    background:#1DB0FE;
    width:24px;
    height:24px;
    top:80px;
    left:120px;
    border-radius:50%;
    background: url('../images/v.png');
}
.j_vip{
    width:20px;
    height: 20px;
    left:72px;
    top:94px;
    background: url('../images/v.png')
}
.con-center-person .details{
    background: #fff;
    /*display:none;*/
}
.con-center-person .j_detail{
    position: absolute;
    top: -400px;
    background: #fff;
}
.con-center-person .details > img{
    width:101px;
    height: 101px;
    border-radius:50%;
    display:inline-block;  
    margin:20px 50px 0px;
}
.con-center-person .details >p {
    text-align: center;
    width: 100%;
    font-size:16px;
    color:#81818d;
    margin-top: 14px;
    margin-bottom: 0px;
}
.con-center-person .details >p.j_font{
    font-size:12px;
    text-align:center;
    margin-top: 0px;
}
.con-center-person .details > span {
    font-size: 12px;
    padding-right: 10px;
    line-height: 35px;
    display:block;
    margin:30px auto 0px;
    text-align:center;

}
.con-center-person .details > span >b {
    padding-left: 10px;
}
.con-center-person .details > div.jdata {
    margin-top: 24px;
}
.con-center-person .details > .jdata {
    width:230px;
    margin:0 auto;
    font-size: 12px;
    padding-right: 10px;
    line-height: 35px;
}
.con-center-person .details > .jdata > a {
    height: 35px;
    display: block;
    border-bottom: none;
}

.con-center-person .details > .jdata > a >span {
    display: block;
    float: left;
    font-size: 12px;
}
.con-center-person .details > .jdata > a > span.j_data {
    float: right;
    color:#20222c;
    font-size:14px;
}
/* 右侧图表区域 */
.content > .content_center > .j_right{
	float:right;
	width:910px;
    /*width: 75%;*/
}
.content > .content_center > .j_right .nav-tabs-container-right {
	width: 100%;
	border-bottom: 1px solid #00a8ee;
	background-color:#fff;
}
.content > .content_center > .j_right .nav-tabs-container-right li {
	width: 104px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: none;
  font-size: 14px;
}
.title{
	text-indent:30px;
	line-height:50px;
  font-size:14px;
}
/* 跟随着 */
/*.j_information > ul{
    margin-bottom:0px;
}
.j_information > ul>li{
	width:290px;
	height:420px;
	background:#fff;
	border-radius:5px;
    float:left;
}
.j_information > ul>li.j_auto{
    margin:0 20px;
}
.j_information > ul > li > button{
    width: 220px;
    height: 26px;
    border-radius: 30px;
    border: 1px solid #00A8EE;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    background: #fff;
    outline: none;
    font-size: 12px;
     margin: 0 auto; 
    margin-left: 31px;
    margin-top: 14px;
}
.details{
    background: #fff;
}
.details > img{
	width:101px;
	height: 101px;
	border-radius:50%;
	display:inline-block;  
    margin:20px 90px 0px;
}
.details >p {
    text-align: center;
    width: 100%;
    font-size:16px;
    color:#81818d;
    margin-top: 14px;
    margin-bottom: 0px;
}
.details >p.j_font{
    font-size:12px;
    text-align:center;
    margin-top: 0px;
}
.details > span {
    font-size: 12px;
    padding-right: 10px;
    line-height: 35px;
    display:block;
    margin:8px auto 0px;
    text-align:center;

}
.details > span >b {
    padding-left: 10px;
}
.details > div.jdata {
    margin-top: 7px;
}
.details > .jdata {
    width:230px;
    margin:0 auto;
    font-size: 12px;
    padding-right: 10px;
    line-height: 35px;
}
.details > .jdata > a {
	clear: both;
   	line-height: 30px;
    display: block;
    border-bottom: none;
}

.details > .jdata > a >span {
    display: block;
    float: left;
    font-size: 12px;
}
.details > .jdata > a > span.j_data {
    float: right;
    color:#20222c;
    font-size:14px;
}*/

/* 日报表 */
.j_day{
    /*width:910px;*/
    height:420px;
    background:#fff;
}
/* 历史跟随 */
/*.history-list  {
    margin-top: 0px;
    height: 1000px;
}
.history-list .title {
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #20222C; 
    height: 50px;
    line-height: 50px;
}*/
/*按类型,按盈亏*/
.history-box {
    /*width: 100%;*/
    height: 50px;
    background-color: #ffffff;
}
.history-box .history-subTitle {
    height: 60px;
    margin-bottom: 1px;
    padding-left: 22px;
}
.history-box .history-left {
    float: left;
}
.history-box .nav-classify-right {
    float: left;
}
.history-box .history-left .nav-classify {
    margin-top: 18px;
}
.history-box .history-left .nav-classify li {
    float: left;
    width: 52px;
    /*height: 60px;*/
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
.history-box .history-left .nav-classify li a {
    display: block;
    font-size: 12px;
    padding: 0;
}
.history-box .history-left .nav-classify .line {
    width: 1px;
    height: 14px;
    background-color: #20222c;
    margin-top: 4px;
    margin-right: 8px;
}
.history-box .history-left .nav-classify li:hover a {
    background-color: #ffffff;
    border-radius: 2px; 
}
.history-box .history-left .nav-classify li.active a {
    color: #ffffff;
    background-color: #00a8ee;
    border-radius: 2px;
}
.history-box .history-left .nav-classify li:nth-child(6) {
    margin-left: 18px;
}
.history-box .history-left .nav-classify li:nth-child(8) {
    margin-right: 24px;
}

/*类别:全部的主体内容部分*/
.history-box .history-subBox .classify-content {
    width: 100%;
    background-color: #ffffff;
}
.history-box .history-subBox .classify-content .all-details .all-title {
    height: 40px;
    margin-bottom: 1px;
    /*margin-left: 30px;*/
    /*box-shadow: 2px 2px 5px 0px #81818b;*/
}
.history-box .history-subBox .classify-content .all-details .all-title > ul{
    width:850px;
    margin:0 auto;
    height:40px;
}
.history-box .history-subBox .classify-content .all-details .all-title li {
    float: left;
    width: 10%;
    height: 40px;
    line-height: 40px;
    color: #20222c;
    font-weight: bold;
    text-align:center;
}
.history-box .history-subBox .classify-content .all-details .all-title li:first-child,
.history-box .history-subBox .classify-content .all-details .all-title li:last-child,
.history-box .history-subBox .classify-content .all-details .all-title li:nth-child(3) {
    width: 120px;
}
.history-box .history-subBox .classify-content .all-details .all-title li:nth-child(2),
.history-box .history-subBox .classify-content .all-details .all-title li:nth-child(6) {
    width: 110px;
}
.history-box .history-subBox .classify-content .all-details .all-title li:nth-child(4) {
    width: 160px;
}
.history-box .history-subBox .classify-content .all-details .all-title li:nth-child(5) {
    width: 100px;
}
.history-box .history-subBox .classify-content .all-details .all-content {
    width: 100%;
    height:630px;
    background-color: #ffffff;
    /*padding-top: 10px;*/
    position: relative;
    margin-top: 1px;
    padding: 0 40px;
}
.history-box .history-subBox .classify-content .all-details .all-content ul{
    width:850px;
    height:60px;
    padding:0 auto;
    background:#fff;
}
.history-box .history-subBox .classify-content .all-details .all-content ul li {
    width: 100%;
    line-height: 60px;
    height: 60px;
    text-align: center;
}
.history-box .history-subBox .classify-content .all-details .all-content li div:first-child,
.history-box .history-subBox .classify-content .all-details .all-content li div:last-child,
.history-box .history-subBox .classify-content .all-details .all-content li div:nth-child(3) {
    width: 120px;
}
.history-box .history-subBox .classify-content .all-details .all-content li div:nth-child(2),
.history-box .history-subBox .classify-content .all-details .all-content li div:nth-child(6) {
    width: 110px;
}
.history-box .history-subBox .classify-content .all-details .all-content li div:nth-child(4) {
    width: 160px;
}
.history-box .history-subBox .classify-content .all-details .all-content li div:nth-child(5) {
    width: 100px;
}
.history-box .history-subBox .classify-content .all-details .all-content ul div{
    float: left;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    color: #81818b;
}
.history-box .history-subBox .classify-content .all-details .all-content ul div img {
    width: 30px;
    height: 30px;
    display:inline-block;
    margin-left:-13px;
}
.history-box .history-subBox .classify-content .all-details .all-content {
    background-color: #fff;
    position: relative;
    overflow:hidden;
}
/* 分页 */
/*#jpage {
    position: absolute;
    bottom: 25px;
    right: 40px;
}
#jpage > .jpage_x > .centerBtns > ul > li{
    width:20px;
    height:20px;
}*/

/*喊单列表*/
.handan-list  {
    height: 1000px;
}
/*按类型,按盈亏*/
.nav-classify-box {
    /*width: 100%;*/
    height: 50px;
    background-color: #ffffff;
}
.nav-classify-box .nav-classify-subTitle {
    height: 60px;
    padding-left: 22px;
    margin-bottom: -10px;
}
.nav-classify-box .nav-classify-left {
    float: left;
}
.nav-classify-box .nav-classify-right {
    float: left;
}
.nav-classify-box .nav-classify-left .nav-classify {
    margin-top: 18px;
}
.nav-classify-box .nav-classify-left .nav-classify li {
    float: left;
    width: 52px;
    /*height: 60px;*/
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color:#91919D;
}
.nav-classify-box .nav-classify-left .nav-classify li a {
    display: block;
    font-size: 12px;
    padding: 0;
}
.nav-classify-box .nav-classify-left .nav-classify .line {
    width: 1px;
    height: 14px;
    background-color: #20222c;
    margin-top: 4px;
    margin-right: 8px;
}
.nav-classify-box .nav-classify-left .nav-classify li:hover a {
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; 
    color: #20222c;
}
.nav-classify-box .nav-classify-left .nav-classify li.active a {
    color: #ffffff;
    background-color: #00a8ee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.nav-classify-box .nav-classify-left .nav-classify li:nth-child(6) {
    margin-left: 18px;
}
.nav-classify-box .nav-classify-left .nav-classify li:nth-child(8) {
    margin-right: 24px;
}

/*交易种类*/
.nav-classify-box .nav-classify-type {
    float: left;
}
.nav-classify-box .nav-classify-type .nav-classify {
    margin-top: 18px;
    margin-left: 100px;
    float: left;
}
.nav-classify-box .nav-classify-type .nav-classify li {
    width: 52px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-right: 10px;
}
.nav-classify-box .nav-classify-type .choice {
    float: right;
    margin-top: 18px;
}
/*类别:全部的主体内容部分*/
.nav-classify-box .nav-classify-subBox .classify-content {
    width: 100%;
    /*background-color: #ffffff;*/
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-title {
    height: 40px;
    margin-bottom: 1px;
    box-shadow: 2px 2px 5px 0px #81818b;
    padding-left: 10px;
    background-color: #fff;
}

.nav-classify-box .nav-classify-subBox .classify-content .all-details .all-title li {
    float: left;
    width: 10%;
    height: 40px;
    line-height: 40px;
    color: #20222c;
    font-weight: bold;
    text-align: center;
}

.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent {
    width: 100%;
    /*background-color: #ffffff;*/
    /*position: relative;*/
    margin-top: 1px;
    /*margin-bottom: 25px;*/
    padding-bottom: 10px;
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent ul {
	margin-bottom: 0;
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent ul li {
	height: 50px; 
    line-height: 50px; 
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent ul div{
    float: left;
    width: 10%;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    color: #81818b;
    text-align: center;
    background-color: #fff;
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent ul div:nth-child(5),
.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent ul div:nth-child(7) {
    /*margin-top: 10px;*/
}
.nav-classify-box .nav-classify-subBox .classify-content .all-details .handancontent ul div span:nth-child(2) {
    position: relative;
    top: -136%;
    left: 0%;
}


/*分页按钮*/
#jpage {
    position: relative;
    left: 600px;
    top: 50px;
    width:300px;
}
#jpage .jpage_div2 > div,
#jpage .jpage_div2 > a{
    float: left;
}
#jpage .jpage_div2 a {
    display: block;
    width: 70px;
    height: 30px;
    background-color: #3b9ce0;
    color: #fff;
    border-radius: 2px;
    line-height: 30px;
    text-align: center;
    margin: 0 16px;
    font-size: 14px;
}
#jpage .jpage_div2 a:hover,
#jpage .jpage_div2 a:focus {
  text-decoration: none;
}
#jpage .jpage_div2 > div{
  line-height: 28px;
}